<template>
	<view class="content">
		<view class="text">
			<text class="word">总上报</text>
			<text class="number">¥0.00</text>
		</view>
		<image src="../../../static/image/book.png" mode=""></image>
		<button type="default" @click="toDetail">报一笔</button>
	</view>
</template>

<script>
	export default {
		methods:{
			// 跳转账单详情页
			toDetail(){
				wx.navigateTo({
					url:'/pages/serve/detail/detail'
				})
			}
		}
	}
</script>

<style lang="less">
.content{
	background-color: #f1f3f2;
	width: 100%;
	height: 100%;
	.text{
		margin: 0 25upx;
		display: flex;
		justify-content:space-between;
		.word{
			color: #8e908f;
			font-size: 28upx;
		}
		.number{
			color: #9a82fa;
			font-size: 42upx;
		}
	}
	image{
		width: 100%;
		height: 90%;
		display: block;
	}
	button{
		background-color: #7b58f4;
		font-size: 28upx;
		color: white;
		border-radius: 0;
	}
}
</style>
